<template>
  <div class="flex gap-2 items-center h-full">
    <a-card
      :title="t['源门店']"
      class="h-full"
      :bodyStyle="{
        height: '100%'
      }"
    >
      <StoreSelector mode="list" v-model="from"></StoreSelector>
    </a-card>
    <IconDoubleRight />
    <a-card
      :title="t['目标门店']"
      class="h-full"
      :bodyStyle="{
        height: '100%'
      }"
    >
      <StoreSelector mode="list" v-model="to"></StoreSelector>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { IconDoubleRight } from "@arco-design/web-vue/es/icon";

const from = defineModel<string>("from");
const to = defineModel<string>("to");

const t = translate("公共模块");
</script>

<style lang="scss" scoped></style>
